<template>
  <div id="App">
    <input type="text" v-model="message">
    <!--<input type="text" :value="message" @input="message=$event.target.value">-->
    <!--组件上的v-model-->
    <tao-input v-model="count"></tao-input>
    <!--<tao-input :modelValue="count" @update:model-value="count=$event.target.value"></tao-input>-->

    <!--在组件上自定义v-model所绑定值的名称-->
    <tao-textarea v-model:info="info"></tao-textarea>
  </div>
</template>
<script>

import TaoInput from "@/components/tao-input.vue";
import TaoTextarea from "@/components/tao-textarea.vue";

export default {
  name: "App",
  components: {TaoTextarea, TaoInput},
  data() {
    return {message: "", count: 0, info: ""}
  }
}
</script>
<style lang="less">

</style>
